<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>底部bar</title>
  <link rel="stylesheet" href="../../css/dist/src/components/bottom-bar.css">
</head>

<body>
  <div class="bottom_bar">
    <!-- 首页 -->
    <a href="../../html/index/index1.html" target="_parent">
      <div class="bottom_bar_item">
        <img src="../../img/home/Home.png"
          srcset="../../img/home/Home.png 1x, ../../img/home/Home@2x.png 2x, ../../img/home/Home@3x.png 3x" alt="" />
        <p>首页</p>
      </div>
    </a>
    <!-- 发现 -->
    <a href="../../html/find/index.html" target="_parent">
      <div class="bottom_bar_item">
        <img src="../../img/home/Light-bulb.png"
          srcset="../../img/home/Light-bulb.png 1x, ../../img/home/Light-bulb@2x.png 2x, ../../img/home/Light-bulb@3x.png 3x"
          alt="" />
        <p>发现</p>
      </div>
    </a>
    <a href="javascript:;">
      <div class="bottom_bar_item">
        <div class="active_image">
          <img src="../../img/home/Settings.png"
            srcset="../../img/home/Settings.png 1x, ../../img/home/Settings@2x.png 2x, ../../img/home/Settings@3x.png 3x"
            alt="" />
        </div>
        <p>上传</p>
      </div>
    </a>
    <!-- 消息 -->
    <a href="../../html/msg/index1.html" target="_parent">
      <div class="bottom_bar_item">
        <img src="../../img/home/Flower.png"
          srcset="../../img/home/Flower.png 1x, ../../img/home/Flower@2x.png 2x, ../../img/home/Flower@3x.png 3x"
          alt="" />
        <p>消息</p>
      </div>
    </a>
    <!-- 我的 -->
    <a href="../../html/my/index1.html" target="_parent">
      <div class="bottom_bar_item">
        <img src="../../img//home/Man.png"
          srcset="../../img//home/Man.png 1x, ../../img//home/Man@2x.png 2x, ../../img//home/Man@3x.png 3x " alt="">
        <p>我的</p>
      </div>
    </a>

  </div>


  <script src="../../js/index.js"></script>
</body>

</html>